<template>
  <div>
    <div>姓名：{{ obj.name }}</div>
  </div>
  <Children ref="child" v-model="num" />
  <Child :age="obj.age">
    <span>233</span>
  </Child>
</template>

<script>
  export default {
    name: "AppLZC"
  }
</script>
<script setup>
import Children from "./components/children2.vue";
import Child from "./components/child.vue";
import { onMounted, reactive, ref, getCurrentInstance } from "vue";
const obj = reactive({
  name: 'lzc',
  age: 18
})
const num = ref(30);
const child = ref(null);
const modifyNum = (val) => {
  num.value = val;
}
// defineExpose({
//   obj,
//   num,
//   child,
//   modifyNum
// })
onMounted(() => {
  // console.log(child.value);
  // console.log(getCurrentInstance());
})
</script>